<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>task2</title>
	<link rel="stylesheet" href="mystyle.css">
</head>
<body>
	<nav>
		<header id="lf">
			<strong>小白菜's</strong>blog
		</header>
		<ul id="rt">
			<li><a  href="">导航4</a></li>
			<li><a href="">导航3</a></li>
			<li><a href="">导航2</a></li>
			<li><a href="">导航1</a></li>
		</ul>	
	</nav>


	 
	<main>
		
			<article>
				<header>
					<h2>文章一级标题</h2>
					<h3>文章二级标题</h3>
					<p>文章作者  文章发表时间</p>
				</header>

				<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落换行了<br>这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落,换行了<br>这是一个很长的段落这是一个很长的段落这是一个很长的段落,<a href="http://lfe.baidu.com">这是一个链接到http://lfe.baidu.com</a>这是一个很长的段落这是一个很长的段落,这里有个<strong>粗体字</strong>这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落</p><br>
				<img src="t1.gif" alt="图片"><br>
				<p>这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落,换行了<br>这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落,<a href="http://lfe.baidu.com">这是一个链接到http://lfe.baidu.com</a>这是一个很长的段落这是一个很长的段落,这里有个<strong>粗体字</strong>这是一个很长的段落</p>
				<br><br>
			</article>
	    
	 	
	 	
	 		<article>
	 			<header>
	 				<h2>另一篇文章的一级标题</h2>
	 				<h3>文章二级标题</h3>
	 				<p>文章作者  文章发表时间</p>
	 			</header>

	 			<p>这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落<br>换行了<br>这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落,换行了<br>这是一个很长的段落这是一个很长的段落这是一个很长的段落,<a href="http://lfe.baidu.com">这是一个链接到http://lfe.baidu.com</a>这是一个很长的段落这是一个很长的段落,这里有个<strong>粗体字</strong>这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落</p><br>
	 			<img src="t1.gif" alt="图片"><br>
	 			<p>这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落,换行了<br>这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落,<a href="http://lfe.baidu.com">这是一个链接到http://lfe.baidu.com</a>这是一个很长的段落这是一个很长的段落,这里有个<strong>粗体字</strong>这是一个很长的段落</p><br>
	 			<ul>
	 				<li>列表项目一</li>
	 				<li>列表项目二</li>
	 				<li>列表项目三</li>
	 			</ul>
	 			<br><br>
	 		</article>
	 	
		
			<article>
				<header>
					<h2>图片</h2>	
				</header>
				<blockquote>
					<div>
						<center><p>好看的图片<br><img src="t1.gif" alt="图片"></center></p>
					</div>
					<div>
						<center><p>好看的图片<br><img src="t1.gif" alt="图片"></center></p>
					</div>
					<div>
						<center><p>好看的图片<br><img src="t1.gif" alt="图片"></center></p>
					</div>
					<div>
						<center><p>好看的图片<br><img src="t1.gif" alt="图片"></center></p>
					</div>
					<div>
						<center><p>好看的图片<br><img src="t1.gif" alt="图片"></center></p>
					</div>
					<div>
						<center><p>好看的图片<br><img src="t1.gif" alt="图片"></center></p>
					</div>					
				</blockquote>
				<br><br>
			</article>
		
		
		
	 	
		
			<article>
				<header>
					<h2>最后一篇文章一级标题</h2>
					<h3>文章二级标题</h3>
					<p>文章作者  文章发表时间</p>
				</header>
				<ol id="last">
					<li>排名1</li>
					<li>排名2</li>
					<li>排名3</li>
				</ol>

				<p>下面是一个表格，给表格加一个border="1"好让你看出是一个表格</p><br>
				<center>
				<table border="1">
					<thead>
						<tr>
							<th>表头</th>
							<th>表头</th>
							<th>表头</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>表内容单元格</td>
							<td>表内容单元格</td>
							<td><a href="#">操作</a></td>
						</tr>
						<tr>
							<td>表内容单元格</td>
							<td>表内容单元格</td>
							<td><a href="#">操作</a></td>
						</tr>
						<tr>
							<td>表内容单元格</td>
							<td>表内容单元格</td>
							<td><a href="#">操作</a></td>
						</tr>
						<tr>
							<td>表内容单元格</td>
							<td>表内容单元格</td>
							<td><a href="#">操作</a></td>
						</tr>
						<tr>
							<td>表内容单元格</td>
							<td>表内容单元格</td>
							<td><a href="#">操作</a></td>
						</tr>
					</tbody>
					<tfoot>						
						<tr id="total">
							<td>总计</td>
							<td colspan="2">1000</td>
						</tr>
					</tfoot>
				</table>
				</center> 
				<br><br>
			</article>
    </main>


 	<aside>
 		<section>
 			<header>
 				<h2>这以后是一个侧栏，这是侧栏标题</h2>
 				<h3>侧栏注册窗口标题</h3>
 			</header>
 			 

 			<form  action="">
	 			<div id="form">
	 				<label for="email">请输入邮箱地址
	 					<input id="email" name="email" type="邮箱" placeholder="这是一个邮箱输入框">
	 				</label>
	 				<p id="message2">邮箱地址请按要求格式输入</p>

	 				<label for="password">请输入密码
	 					<input type="password" id="password" name="password" placeholder="*******">
	 				</label><br>
	 				<label for="repassword">请重复输入密码
	 					<input type="repassword" id="repassword" name="repassword" placeholder="*******">
	 				</label>
	 				<p id="message2">密码为6-16位英文数字</p>

	 				<label  id="sexbox">性别
	 				<input type="radio" id="man" name="sex" checked="checked">男
	 				<input type="radio" id="woman" name="sex">女 
	 				</label>&nbsp;

	 				
	 				<label id="citybox">
	 				城市&nbsp;<select name="city" id="city">
	 					<option value="chzu">滁州</option>
	 				</select>
	 				</label> &nbsp;

	 				<label id="interestbox">
	 				爱好<input type="checkbox" name="interest" id="yundong">运动 <input type="checkbox" name="interest" id="art">艺术 <input type="checkbox" name="interest" id="science">科学
					</label> &nbsp;

	 				<label id="personbox" for="person">个人描述&nbsp;
	 					<textarea name="text" id="person" ></textarea>
	 				</label> &nbsp;
	 			</div>
 
 				<button type="submit">确认提交</button>
 
 			</form>
 			<br><br>
 		</section>
 	</aside>
 	<br>
 	<footer>
 		<p>版权所有&copy;小白菜</p>
 	</footer>


 
</body>
</html>